/* 当DOM元素加载完在开始执行js */
$(function () {
    //做下载的动画
    $("#unloadapp").hover(function () {
        //当鼠标放上来的时候
        $(".unloadapp").stop().slideDown();
    }, function () {
        $(".unloadapp").stop().slideUp();
    });

    //购物车
    $(".shoppingcart_item").mouseover(function () {
        $(".shoppingcart_item").addClass("shoppingcart_item_hover")
        $(".shoppingcart_item a").css("color", "red")
        $(".shoppingcart_content").stop().slideDown();

    });
    $(".shoppingcart_item").mouseleave(function () {
        $(".shoppingcart_item").removeClass("shoppingcart_item_hover")
        $(".shoppingcart_item a").css("color", "#b0b0b0")
        $(".shoppingcart_content").stop().slideUp();

    })
    //当鼠标移动到搜索框的搜索按钮的时候，背景变红
    $(".serach").mouseover(function () {
        $(this).css("background", "#ff6700")
    });
    $(".serach").mouseleave(function () {
        $(this).css("background", "#ffffff")
    });
    $("#search-hot-1,#search-hot-2").mouseover(function () {
        $(this).css("background", "#ff6700")
        $(this).css("cursor", "pointer")
    });
    $("#search-hot-1,#search-hot-2").mouseleave(function () {
        $(this).css("background", "#ffffff")
    });
    $("#serach_content").focus(function () {
        $("#search-hot-1,#search-hot-2").hide()
    });
    $("#serach_content").blur(function () {
        $("#search-hot-1,#search-hot-2").show()
    });
    /* 用户按下s键 搜索框自动获得焦点 */
    $(document).keyup(function (e) {
        if (e.keyCode == 83) {
            $("#serach_content").focus();
        }
    });
    // nav_nav板块 鼠标触摸到这个地方 它的下拉菜单显示，离开隐藏
    console.log($(".nav_tiems>div"));
    console.log($(".nav_nav>li:lt(7)"));
    // 选择器:lt()   表示选择括号里面这个索引号前面的所有标签
    /* 做一个节流阀  滑动本身就有隐藏的效果 注意顺序*/
    var nav_nav_flag = true;
    $(".nav_nav>li:lt(7)").mouseover(function () {
        var nav_nav_index = $(this).index();
        console.log(nav_nav_index);
        if (nav_nav_flag) {
            $(".nav_tiems").stop().slideDown(500);
            console.log($(".nav_tiems"));
            nav_nav_flag = false;
        }
        $(".nav_tiems>div").eq(nav_nav_index).show().siblings().hide();
    });
    $(".nav_nav>li:lt(7)").mouseleave(function () {
        /* $(".nav_tiems>div").hide(); */
        nav_nav_flag = true;
        $(".nav_tiems").stop().slideUp(500);
    });


    //  banner左侧  导航栏活动的时候 背景变色
    /*  采用多个事件在一块写的时候注意事项
    
        $(),on({
            什么事件:function(){},
            什么事件:function(){}
        })
    */
    $(".banner_left ul>li").mouseenter(function () {
        console.log("选中");
        banner_left_li_index = $(this).index();
        /* banner_left_li_index 未定义直接引用 为了显示右边的侧边栏 */
        $(".banner_left ul>li").eq(banner_left_li_index).css("background", "#ff6700").siblings().css("background", "")
    })
    $(".banner_left ul>li").mouseleave(function () {
        $(".banner_left ul>li").css("background", "")
    })

    //banner左侧的tab栏
    console.log($(".banner_left ul>li"));
    console.log($(".banner_left_1"));
    console.log($(".banner_left_1").eq(0).siblings());

    $(".banner_left ul>li").mouseenter(function () {
        banner_left_index = $(this).index();
        $(".banner_left_1").eq(banner_left_index).show();
        $(".banner_left_1").eq(banner_left_index).siblings().hide()
    })
    $(".banner").mouseleave(function () {
        $(".banner_left_1").hide();
    })
    //  特殊产品 左侧 li活动的时候 编程白色
    $(".specialproduct_left ul li").mouseleave(function () {
        $(".specialproduct_left ul li a i").css("color", "#757575");
        $(".specialproduct_left ul li a span").css("color", "#757575");
    })
    // 手机板块
    // 查看全部
    $(".product_phone_head h2 a").mouseover(function () {
        $(".product_phone_head h2 a").css("color", "#ff6700")
    })
    $(".product_phone_head h2 a").mouseleave(function () {
        $(".product_phone_head h2 a").css("color", "black")
    })
    $(".product_phone_content_left img").mouseover(function () {
        $(".product_phone_content_left img").addClass("addshaow")
    })
    $(".product_phone_content_left img").mouseleave(function () {
        $(".product_phone_content_left img").removeClass("addshaow")
    })
    // 手机板块右侧 商品
    $(".product_phone_content_right ul li").mouseover(function () {
        product_phone_content_right_index = $(this).index();
        $(".product_phone_content_right ul li").eq(product_phone_content_right_index).addClass("addshaow").siblings().removeClass("addshaow")
    })
    $(".product_phone_content_right ul li").mouseleave(function () {
        $(".product_phone_content_right ul li").removeClass("addshaow")
    })

    // 家电  内容的左侧 活动效果
    $(".product_tv_content_left a").mouseover(function () {
        product_tv_content_left_index = $(this).index();
        $(".product_tv_content_left a").eq(product_tv_content_left_index).addClass("addshaow").siblings().removeClass("addshaow")
    })
    $(".product_tv_content_left a").mouseleave(function () {
        $(".product_tv_content_left a").removeClass("addshaow")
    })
    //家电 右侧  上下tab切换
    $(".product_tv_head h2 ul li:first").children().addClass("product_tv_head_h2_ul_li_a")
    $(".product_tv_head h2 ul li").mouseover(function () {
        product_tv_items = $(this).index();
        $(".product_tv_content_right>div").eq(product_tv_items).show().siblings().hide();
        $(".product_tv_head h2 ul li").eq(product_tv_items).children().addClass("product_tv_head_h2_ul_li_a");
        $(".product_tv_head h2 ul li").eq(product_tv_items).siblings().children().removeClass("product_tv_head_h2_ul_li_a")
    })




    // 智能 内容的左侧 活动效果
    $(".product_zhineng_content_left a").mouseover(function () {
        product_zhineng_content_left_index = $(this).index();
        $(".product_zhineng_content_left a").eq(product_zhineng_content_left_index).addClass("addshaow").siblings().removeClass("addshaow")
    })
    $(".product_zhineng_content_left a").mouseleave(function () {
        $(".product_zhineng_content_left a").removeClass("addshaow")
    })
    //智能 右侧 上下tab栏切换
    $(".product_zhineng_head h2 ul li:first").children().addClass("product_tv_head_h2_ul_li_a")
    $(".product_zhineng_head h2 ul li").mouseover(function () {
        product_zhineng_items = $(this).index();
        $(".product_zhineng_content_right>div").eq(product_zhineng_items).show().siblings().hide();
        $(".product_zhineng_head h2 ul li").eq(product_zhineng_items).children().addClass("product_tv_head_h2_ul_li_a");
        $(".product_zhineng_head h2 ul li").eq(product_zhineng_items).siblings().children().removeClass("product_tv_head_h2_ul_li_a")
    })


    // 搭配板块
    //  内容左侧
    $(".product_dapei_content_left a").mouseover(function () {
        product_dapei_content_left_index = $(this).index();
        $(".product_dapei_content_left a").eq(product_dapei_content_left_index).addClass("addshaow").siblings().removeClass("addshaow")
    })
    $(".product_dapei_content_left a").mouseleave(function () {
        $(".product_dapei_content_left a").removeClass("addshaow")
    })
    //  右侧 上下tab栏切换
    $(".product_dapei_head h2 ul li:first").children().addClass("product_tv_head_h2_ul_li_a")
    $(".product_dapei_head h2 ul li").mouseover(function () {
        product_dapei_items = $(this).index();
        $(".product_dapei_content_right>div").eq(product_dapei_items).show().siblings().hide();
        $(".product_dapei_head h2 ul li").eq(product_dapei_items).children().addClass("product_tv_head_h2_ul_li_a");
        $(".product_dapei_head h2 ul li").eq(product_dapei_items).siblings().children().removeClass("product_tv_head_h2_ul_li_a")
    })

    //配件板块
    //配件内容左侧
    $(".product_peijian_content_left a").mouseover(function () {
        product_peijian_content_left_index = $(this).index();
        $(".product_peijian_content_left a").eq(product_peijian_content_left_index).addClass("addshaow").siblings().removeClass("addshaow")
    })
    $(".product_peijian_content_left a").mouseleave(function () {
        $(".product_peijian_content_left a").removeClass("addshaow")
    })
    // 右侧上下tab栏切换
    $(".product_peijian_head h2 ul li:first").children().addClass("product_tv_head_h2_ul_li_a")
    $(".product_peijian_head h2 ul li").mouseover(function () {
        product_peijian_items = $(this).index();
        $(".product_peijian_content_right>div").eq(product_peijian_items).show().siblings().hide();
        $(".product_peijian_head h2 ul li").eq(product_peijian_items).children().addClass("product_tv_head_h2_ul_li_a");
        $(".product_peijian_head h2 ul li").eq(product_peijian_items).siblings().children().removeClass("product_tv_head_h2_ul_li_a")
    })

    //周边板块
    //周边内容左侧
    $(".product_zhoubian_content_left a").mouseover(function () {
        product_zhoubian_content_left_index = $(this).index();
        $(".product_zhoubian_content_left a").eq(product_zhoubian_content_left_index).addClass("addshaow").siblings().removeClass("addshaow")
    })
    $(".product_zhoubian_content_left a").mouseleave(function () {
        $(".product_zhoubian_content_left a").removeClass("addshaow")
    })
    //周边内容右侧  tab上下栏切换
    $(".product_zhoubian_head h2 ul li:first").children().addClass("product_tv_head_h2_ul_li_a")
    $(".product_zhoubian_head h2 ul li").mouseover(function () {
        product_zhoubian_items = $(this).index();
        $(".product_zhoubian_content_right>div").eq(product_zhoubian_items).show().siblings().hide();
        $(".product_zhoubian_head h2 ul li").eq(product_zhoubian_items).children().addClass("product_tv_head_h2_ul_li_a");
        $(".product_zhoubian_head h2 ul li").eq(product_zhoubian_items).siblings().children().removeClass("product_tv_head_h2_ul_li_a")
    })
    //视频
    /* $("#a1").click(function () {
        $("body").append("<video src='./media/小米十青春版发布会.mp4' class='video' controls='controls' ></video>");
        // $("p").append("<b>Hello</b>");
    }) */
    $(".shipin_content li").mouseover(function () {
        shipin_content_li = $(this).index();
        $(".shipin_content li").eq(shipin_content_li).addClass("addshaow").siblings().removeClass("addshaow")
    })
    $(".shipin_content li").mouseleave(function () {
        $(".shipin_content li").removeClass("addshaow")
    })

    /* 人工客服 */
    $(".right3_content").on({
        mouseenter: function () {
            $(".right3_content").addClass("right3_content_hover")
            $(".right3_content").addClass("right3_content_hover")
        },
        mouseleave: function () {
            $(".right3_content").removeClass("right3_content_hover")
            $(".right3_content").removeClass("right3_content_hover")
        }
    })

    //视频
    console.log($("#sps"));


    $(".shipin_content ul li ").click(function () {
        var bofang_index = $(this).index();
        console.log(bofang_index);
        $(".sps").eq(bofang_index).show();
    })
    $(".cuohao").click(function () {
        $(".sps").hide();
    })

    //电梯导航
    /*     $(".cebianlan ul li").click(function () {
            var cebianlan_index = $(this).index();
            var cebianlan_top = $(".ce1").eq(cebianlan_index).offset().top
            $("body,html").stop().animate({
                scrollTop: cebianlan_top
            })
        })
        //当屏幕滚动 对应的侧边栏li 添加类
        $(window).scroll(function () {
            $(".ce1").each(function (i, ele) {
                if ($(document).scrollTop() >= $(ele).offset().top) {
                    console.log(i);
                    $(".cebianlan ul li").eq(i).addClass("cebianlanhover").siblings().removeClass("cebianlanhover")
                }
            })
    
        }) */
    var ce_flag = true;    //  节流阀
    var toolTop = $(".product").offset().top;   // 获取产品板块距离页面最上面的距离
    toggleTool();
    function toggleTool() {
        if ($(document).scrollTop() >= toolTop) {
            $(".cebianlan").fadeIn();
        }
        else {
            $(".cebianlan").fadeOut();
        }
    };
    console.log($(".product .ce1"));

    $(window).scroll(function () {
        toggleTool();
        if (ce_flag) {

            $(".product .ce1").each(function (i, ele) {
                if ($(document).scrollTop() >= $(ele).offset().top) {
                    $(".cebianlan ul li").eq(i).addClass("cehover").siblings().removeClass("cehover");
                }
            })

        }

    });
    $(".cebianlan ul li").click(function () {
        console.log("点击了");

        ce_flag = false;
        var current = $(".product .ce1").eq($(this).index()).offset().top;
        //  页面滚动
        $("body,html").stop().animate({
            scrollTop: current,
        }, function () {
            ce_flag = true;
        });
        $(this).addClass("cehover").siblings().removeClass("cehover");
    });



})
